.layout-full {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.vertical-align {
    &::before {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        content: "";
    }

    .vertical-align-middle {
        display: inline-block;
        vertical-align: middle;
    }
}

.copyright {
    margin-top: 60px;
    font-size: 12px;
    font-weight: 500;
    color: #424242;
    letter-spacing: 1px;

    p {
        margin: 0 0 14px;
    }
}

.social {
    mat-icon {
        color: #949494;
    }
}

.pages-errors {
    .error-box {
        padding: 20px 10px;
        font-family: Roboto, sans-serif;

        h1 {
            margin: 22px 0 11px;
            font-size: 128px;
            font-weight: bold;
            color: #424242;
        }

        .error-info {
            margin: 0 0 30px;
            font-size: 30px;
            font-weight: bold;
            text-transform: uppercase;
            color: #757575;
        }

        .error-advise {
            margin: 0 0 25px;
            font-size: 14px;
            font-weight: bold;
            color: #a9afb5;
        }

        .error-pre {
            text-align: left;
            padding: 15px;
            margin: 20px auto;
            background-color: #ededed;
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);

            pre {
                white-space: pre-line;
            }
        }
    }
}
